<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<script th:src="@{/layui/layui.js}" type="text/javascript"></script>
		<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
	</head>
	<body>
		<div class="layui-col-space10" style="margin: 10px;" >
			<div class="layui-col-md5 layui-col-xs12" id="main">
				<div class="layui-card layui-border-blue" style="">
					<div class="layui-card-header layui-bg-blue" style="margin-bottom: -10px;">
						系统公告
						<a style="float: right;background-color: #1E9FFF" class="layui-btn" data-method="moreNotice">
							more
							<i class="layui-icon layui-icon-next"></i>
							<input type="hidden" id="menu_url" value="${ssm}/notice/nc/index">
						</a>
					</div>
					<div class="layui-card-body" style="height: 200px;padding: 0px;">
						<table class="layui-table"
							lay-data="{
								skin:'nob',
								height:200
							}" lay-filter="noticeTbale">
							<thead>
								<tr>
									<th lay-data="{field:'title',minWidth:450}">标题</th>
									<th lay-data="{field:'issueTime'}">发布时间</th>
									<th lay-data="{fixed:'right',width:100}">操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<div class="layui-card layui-border-green" style="">
					<div class="layui-card-header layui-bg-blue">
						标题2
					</div>
					<div class="layui-card-body" style="height: 300px;">
						这里是内容
					</div>
				</div>
				<div class="layui-card layui-border-green" style="">
					<div class="layui-card-header layui-bg-blue">
						标题3
					</div>
					<div class="layui-card-body" style="height: 350px;">
						这里是内容
					</div>
				</div>
			</div>
			<div class=" layui-col-md7 layui-col-xs12">
				<div class="layui-card layui-border-green" style="">
					<div class="layui-card-header layui-bg-blue">
						标题4
					</div>
					<div class="layui-card-body" style="height: 250px;">
						这里是内容
					</div>
				</div>
				<div class="layui-card layui-border-green" style="">
					<div class="layui-card-header layui-bg-blue">
						标题5
					</div>
					<div class="layui-card-body" style="height: 350px;">
						这里是内容
					</div>
				</div>
				<div class="layui-card layui-border-green" style="">
					<div class="layui-card-header layui-bg-blue">
						标题6
					</div>
					<div class="layui-card-body" style="height: 200px;">
						这里是内容
					</div>
				</div>
			</div>
			
			
		</div>
		<script>
			var $;
			layui.use(['element','jquery'],function(){
				var elem = layui.element;
				$ = layui.jquery;
				var active = {
					moreNotice:function(othis){
						alert()
					}
				}
				$('#main .layui-btn').on('click',function(){
					var method = $(this).data('method');
					active[method].call(this,$(this));
				})
			})
			
			
		</script>
	</body>
</html>
